		body {
				cursor: url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/cursor.cur), default;
			}

			a:hover {
				cursor: url(https://cdn.jsdelivr.net/gh/xb2016/kratos-pjax@0.4.4/static/images/pointer.cur), pointer;
			}

			.topnav {
				overflow: hidden;
				position: fixed;
				top: 0px;
				width: 100%;
				z-index: 20;
				box-shadow: 0px -20px 100px #000000;
			}

			.topnav a {
				float: left;
				display: block;
				color: white;
				text-align: center;
				padding: 14px 16px;
				text-decoration: none;
				font-size: 17px;
			}

			.topnav a:hover {
				background-color: rgba(255, 170, 127, 0.5);
				color: #aa5500;
			}

			.topnav a.active {
				background-color: rgba(170, 0, 255, 0.5);
				color: white;
			}

			.topnav input[type=text] {
				float: right;
				padding: 6px;
				margin-top: 8px;
				margin-right: 16px;
				border: none;
				font-size: 17px;
			}

			@media screen and (max-width: 600px) {

				.topnav a,
				.topnav input[type=text] {
					float: none;
					display: block;
					text-align: left;
					width: 100%;
					margin: 0;
					padding: 14px;
				}

				.topnav input[type=text] {
					border: 1px solid #ccc;
					background-color: rgba(0, 255, 0, 0.0);
				}
			}

			@import url('https://fonts.googleapis.com/css2?family=Quicksand&display=swap');

			:root {
				font-size: 15px;
			}

			body {
				font-family: 'Quicksand', sans-serif;
				margin: 0;
				min-height: 100vh;
				background-color: #e493d0;
				background-image:
					radial-gradient(closest-side, rgba(235, 105, 78, 1), rgba(235, 105, 78, 0)),
					radial-gradient(closest-side, rgba(243, 11, 164, 1), rgba(243, 11, 164, 0)),
					radial-gradient(closest-side, rgba(254, 234, 131, 1), rgba(254, 234, 131, 0)),
					radial-gradient(closest-side, rgba(170, 142, 245, 1), rgba(170, 142, 245, 0)),
					radial-gradient(closest-side, rgba(248, 192, 147, 1), rgba(248, 192, 147, 0));
				background-size:
					130vmax 130vmax,
					80vmax 80vmax,
					90vmax 90vmax,
					110vmax 110vmax,
					90vmax 90vmax;
				background-position:
					-80vmax -80vmax,
					60vmax -30vmax,
					10vmax 10vmax,
					-30vmax -10vmax,
					50vmax 50vmax;
				background-repeat: no-repeat;
				animation: 10s movement linear infinite;
				display: flex;
				justify-content: center;
				align-items: center;
				min-height: 100vh;
			}

			body::after {
				content: '';
				display: block;
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				backdrop-filter: blur(10px);
				-webkit-backdrop-filter: blur(10px);
			}
			@keyframes movement {

				0%,
				100% {
					background-size:
						130vmax 130vmax,
						80vmax 80vmax,
						90vmax 90vmax,
						110vmax 110vmax,
						90vmax 90vmax;
					background-position:
						-80vmax -80vmax,
						60vmax -30vmax,
						10vmax 10vmax,
						-30vmax -10vmax,
						50vmax 50vmax;
				}

				25% {
					background-size:
						100vmax 100vmax,
						90vmax 90vmax,
						100vmax 100vmax,
						90vmax 90vmax,
						60vmax 60vmax;
					background-position:
						-60vmax -90vmax,
						50vmax -40vmax,
						0vmax -20vmax,
						-40vmax -20vmax,
						40vmax 60vmax;
				}

				50% {
					background-size:
						80vmax 80vmax,
						110vmax 110vmax,
						80vmax 80vmax,
						60vmax 60vmax,
						80vmax 80vmax;
					background-position:
						-50vmax -70vmax,
						40vmax -30vmax,
						10vmax 0vmax,
						20vmax 10vmax,
						30vmax 70vmax;
				}

				75% {
					background-size:
						90vmax 90vmax,
						90vmax 90vmax,
						100vmax 100vmax,
						90vmax 90vmax,
						70vmax 70vmax;
					background-position:
						-50vmax -40vmax,
						50vmax -30vmax,
						20vmax 0vmax,
						-10vmax 10vmax,
						40vmax 60vmax;
				}
			}
			#hearx{
				z-index: 11;
				width: 400px;
				height: 20px;
				background-color: rgba(0,0,0,.2);
				backdrop-filter: blur(100px);
				border-radius: 1em;
				padding: 20px;
				top:100px;
				position: fixed;
			}
			#hearx>a{
				position: relative;
				top: -8px;
				font-size: 20px;
				color: white;
			}
			#hearx>input{
				z-index: 10;
				position: relative;
				top: -8px;
				width: 190px;
				color: white;
				background-color: rgba(255, 255, 255, 0.3);
				border-radius:1em;
				border: 1px solid transparent;
			}
			#hearx>button{
				z-index: 10;
				position: relative;
				right: -30px;
				top: -8px;
				border-radius:1em;
				color: white;
				width: 60px;
				height: 40px;
				background-color: rgba(0,0,0,.3);
				border: 1px solid transparent;
			}
			#wpnameall{
				top:190px;
				position: fixed;
				z-index: 22;
				width: 1000px;
				height: 780px;
				background-color: rgba(0,0,0,.2);
				border-radius: 1em;
				display: flex;
				justify-content: center;
			}
			#wpnameallleft{
				z-index: 10;
				width: 410px;
				height: 870px;
				background-color: rgba(0,0,0,.2);
				border: 10px solid rgba(0,0,0,.0);
				border-radius: 1em;
				top:80px;
				position: fixed;
				left: 20px;
				overflow: hidden;
				
			}
			#wpnameallleft>iframe{
				position: relative;
				left: 5px;
				top: -130px;
				opacity: 0.8;
			}
			#wpnameallright{
				z-index: 10;
				width: 410px;
				height: 870px;
				background-color: rgba(0,0,0,.2);
				border: 10px solid rgba(0,0,0,.0);
				border-radius: 1em;
				top:80px;
				position: fixed;
				right: 20px;
			}
			#wpnamealla{
				z-index: 22;
				top:220px;
				position: fixed;
				z-index: 10;
				width: 900px;
				height: 710px;
				background-color: rgba(0,0,0,.2);
				border-radius: 1em;
				overflow: auto;
				column-count:5;
				padding: 10px;
			}
			#wpnamealla>p{
				display: flex;
				color: white;
			}
			#left1{
				z-index: 15;
				width: 400px;
				height: 50px;
				background-color: rgba(0,0,0,.2);
				top:90px;
				position: fixed;
				left: 35px;
				backdrop-filter: blur(50px);
				text-align: center;
			}
			#left1>a{
				display: flex;
				justify-content: center;
				align-items: center;
				height: 100%;
				font-size: 25px;
				color: white;
			}
			#hearxleft{
				z-index: 11;
				width: 220px;
				height: 20px;
				background-color: rgba(0,0,0,.2);
				backdrop-filter: blur(100px);
				border-radius: 1em;
				padding: 20px;
				top:100px;
				position: fixed;
				left: 460px;
			}
			#hearxleft>a{
				text-align: center;
				margin: auto;
				font-size: 20px;
				color: white;
				line-height: 20px;
			}
			#hearxright{
				z-index: 11;
				width: 220px;
				height: 20px;
				background-color: rgba(0,0,0,.2);
				backdrop-filter: blur(100px);
				border-radius: 1em;
				padding: 20px;
				top:100px;
				position: fixed;
				right: 460px;
			}
			#hearxright>a{
				position: relative;
				top: -8px;
				font-size: 20px;
				color: white;
			}
			#hearxright>button{
				z-index: 12;
				position: relative;
				right: -30px;
				top: -8px;
				border-radius:1em;
				color: white;
				width: 80px;
				height: 40px;
				background-color: rgba(0,0,0,.3);
				border: 1px solid transparent;
			}
			#test1:hover{
				background-color:  rgba(0,0,0,.5);
				cursor:pointer;
			}